@import "categories.css";
/*******************************************************************
 * Table of contents
 * ~~~~~~~~~~~~~~~~~
 *
 *
 * 1. Fonts
 * 2. General styling
 *	 2.1. Body
 *	 2.2. Anchors
 *	 2.3. Form elements
 *	 2.4. Horizontal rules
 *	 2.5. Form elements
 *	 2.6. Lists
 * 3. Menu
 * 4. Misc
 *
 *
 *******************************************************************/


/**
 * 1. Fonts
 *******************************************************************/
/*Philosopher*/
@font-face {font-family: 'Philosopher';font-style: normal;font-weight: bold;src: local('Philosopher Bold'), local('Philosopher-Bold'), url('fonts/philosopher/bold.woff') format('woff');}
@font-face {font-family: 'Philosopher';font-style: italic;font-weight: bold;src: local('Philosopher Bold Italic'), local('Philosopher-BoldItalic'), url('fonts/philosopher/bolditalic.woff') format('woff');}
@font-face {font-family: 'Philosopher';font-style: italic;font-weight: normal;src: local('Philosopher Italic'), local('Philosopher-Italic'), url('fonts/philosopher/italic.woff') format('woff');}
@font-face {font-family: 'Philosopher';font-style: normal;font-weight: normal;src: local('Philosopher'), url('fonts/philosopher/normal.woff') format('woff');}
/*Ubuntu condensed*/
@font-face {font-family: 'Ubuntu Condensed';font-style: normal;font-weight: 400;src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url('fonts/ubuntu-condensed/normal.woff') format('woff');}
/*Karla*/
@font-face {font-family: 'Karla';font-style: normal;font-weight: 400;src: local('Karla'), local('Karla-Regular'), url('fonts/karla/normal.woff') format('woff');}
@font-face {font-family: 'Karla';font-style: italic;font-weight: 400;src: local('Karla Italic'), local('Karla-Italic'), url('fonts/karla/italic.woff') format('woff');}
@font-face {font-family: 'Karla';font-style: normal;font-weight: 700;src: local('Karla Bold'), local('Karla-Bold'), url('fonts/karla/bold.woff') format('woff');}
@font-face {font-family: 'Karla';font-style: italic;font-weight: 700;src: local('Karla Bold Italic'), local('Karla-BoldItalic'), url('fonts/karla/bolditalic.woff') format('woff');}
/*Volkhov*/
@font-face {font-family: 'Volkhov';font-style: normal;font-weight: 700;src: local('Volkhov Bold'), local('Volkhov-Bold'), url('fonts/volkhov/bold.woff') format('woff');}
@font-face {font-family: 'Volkhov';font-style: italic;font-weight: 400;src: local('Volkhov Italic'), local('Volkhov-Italic'), url('fonts/volkhov/italic.woff') format('woff');}
@font-face {font-family: 'Volkhov';font-style: italic;font-weight: 700;src: local('Volkhov Bold Italic'), local('Volkhov-BoldItalic'), url('fonts/volkhov/bolditalic.woff') format('woff');}
@font-face {font-family: 'Volkhov';font-style: normal;font-weight: 400;src: local('Volkhov Regular'), local('Volkhov-Regular'), url('fonts/volkhov/normal.woff') format('woff');}
/*Exo*/
@font-face {font-family: 'Exo';font-style: italic;font-weight: 300;src: local('Exo Light Italic'), local('Exo-LightItalic'), url(fonts/exo/300-italic.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 700;src: local('Exo Bold Italic'), local('Exo-BoldItalic'), url(fonts/exo/700-italic.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 500;src: local('Exo Medium'), local('Exo-Medium'), url(fonts/exo/500-normal.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 200;src: local('Exo ExtraLight Italic'), local('Exo-ExtraLightItalic'), url(fonts/exo/200-italic.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 800;src: local('Exo ExtraBold'), local('Exo-ExtraBold'), url(fonts/exo/800-normal.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 500;src: local('Exo Medium Italic'), local('Exo-MediumItalic'), url(fonts/exo/500-italic.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 800;src: local('Exo ExtraBold Italic'), local('Exo-ExtraBoldItalic'), url(fonts/exo/800-italic.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 900;src: local('Exo Black Italic'), local('Exo-BlackItalic'), url(fonts/exo/900-italic.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 400;src: local('Exo Regular'), local('Exo-Regular'), url(fonts/exo/400-normal.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 400;src: local('Exo Italic'), local('Exo-Italic'), url(fonts/exo/400-italic.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 200;src: local('Exo ExtraLight'), local('Exo-ExtraLight'), url(fonts/exo/200-normal.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 100;src: local('Exo Thin Italic'), local('Exo-ThinItalic'), url(fonts/exo/100-italic.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 100;src: local('Exo Thin'), local('Exo-Thin'), url(fonts/exo/100-normal.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 300;src: local('Exo Light'), local('Exo-Light'), url(fonts/exo/300-normal.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 900;src: local('Exo Black'), local('Exo-Black'), url(fonts/exo/900-normal.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 600;src: local('Exo DemiBold'), local('Exo-DemiBold'), url(fonts/exo/600-normal.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 600;src: local('Exo DemiBold Italic'), local('Exo-DemiBoldItalic'), url(fonts/exo/600-italic.woff) format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 700;src: local('Exo Bold'), local('Exo-Bold'), url(fonts/exo/700-normal.woff) format('woff');}
/*Open Sans*/
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/open-sans/700-normal.woff) format('woff');}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/open-sans/300-normal.woff) format('woff');}
@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 700;src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(fonts/open-sans/700-italic.woff) format('woff');}
@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 300;src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(fonts/open-sans/300-italic.woff) format('woff');}
@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 600;src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(fonts/open-sans/600-italic.woff) format('woff');}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 800;src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(fonts/open-sans/800-normal.woff) format('woff');}
@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 800;src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(fonts/open-sans/800-italic.woff) format('woff');}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 600;src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/open-sans/600-normal.woff) format('woff');}
@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 400;src: local('Open Sans Italic'), local('OpenSans-Italic'), url(fonts/open-sans/400-italic.woff) format('woff');}
@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local('Open Sans'), local('OpenSans'), url(fonts/open-sans/400-normal.woff) format('woff');}

/**
 * 2. General styling
 *******************************************************************/

 /**  * 2.1. Body  *********************************/
body {
	background-repeat: repeat !important;
	background-position: 0 0;	font-family: 'Open Sans';
	line-height: 1.62em;
	line-height: 18px;
}
body.simplified.logged-in {
    margin-top: -28px;
}
body.simplified {
	overflow-x: hidden;
	background-color: #fff;
}
body.simplified .twelve.columns {
	background: none;
}
body * {	color: #000000; /***/
}
body *::selection {
	background: #96C220; /***/
	color: #FFFFFF; /***/
	text-shadow: none !important;
}
body *::-moz-selection {
	background: #96C220; /***/
	color: #FFFFFF; /***/
	text-shadow: none !important;
}
p {	padding: 0.25em 0;
	font-size: 1em;	line-height: 23px;
	font-size: 15px;
	font-family: 'Open Sans';
	font-weight: 300;
	text-align: left;
	margin-bottom: 20px;
}
blockquote {font-family: 'Philosopher'; text-indent:0;text-align: left;}
a img {box-shadow: 0 1px 3px #AAAAAA;border: 3px solid #fff; margin: 10px auto 0;}
.twelve.columns {
	background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("img/page-divider-vertical.png");
    background-origin: padding-box;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 5px 95%;
}

 /**  * 2.2. Anchors  *********************************/
a {	text-decoration: none;
	color: #2D86D2; /***/
}
a:hover {	text-decoration: underline;
}
a::selection {
	background: #0AA0BB; /***/
	text-shadow: none !important;
}
a::-moz-selection {
	background: #0AA0BB; /***/
	text-shadow: none !important;
}

 /**  * 2.3. Headings  *********************************/
h1, h2, h3, h4, h5, h6{	font-family: 'Open Sans', serif;
	font-weight: 100;
	vertical-align: baseline;
}
h1 {
	font-size: 2.25em;
	line-height: 1.3em;
}
h2 {	font-size: 1.2em;	line-height: 1.3em;	padding: 0 0 0.5em;
}
h3 {	font-size: 1.1em;	line-height: 1.3em;	padding: 0.5em 0 0.5em;
}
h4, h5, h6 {	letter-spacing: 0.125em;	padding: 0.5em 0 0.5em;
}
h1.home {
	font-family: 'Open Sans';	font-weight: 200;	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 30px;	text-align: center;	text-shadow: 0 1px 0px #FFFFFF;
	
}
 /**  * 2.4. Horizontal rules  *********************************/
hr.line {	background-color: #EFEFEF;	border: medium none;	clear: both;	color: #EFEFEF;	height: 1px;	margin: 5px 0 10px;
}
hr.dash {	background: url("img/h-dashed.png") repeat-x scroll 0 0 transparent;	border: medium none;	height: 6px;	margin: 5px 0 10px;	outline: medium none;
}

 /**  * 2.5. Form elements  *********************************/
textarea, input[type="text"], input[type="password"], input[type="file"], input[type="button"], input[type="submit"], input[type="reset"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], select {	border: 1px solid #B4B4B4;
    border-radius: 3px;
    clear: both;
    font-family: 'Open Sans';
    font-size: 15px;
    line-height: 20px;
    padding: 2px;
    width: 100%;
	box-shadow: 0 1px 0 #FFFFFF;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
textarea:focus, input:focus, select:focus {	border-color: #3AA6EA;
}
textarea {
	resize: none;
	min-height: 100px;
}
input[type="submit"] {	background: none repeat scroll 0 0 #FFFFFF;	border: 1px solid #E4E4E4;	border-radius: 5px 5px 5px 5px;	box-shadow: 0 1px 0 #BBBBBB, 0 -10px 5px #F2F2F3 inset;	color: #000000;	cursor: pointer;	display: inline-block;	font-size: 15px;	height: 30px;	line-height: 25px;	overflow: hidden;	padding: 0 5px;	position: relative;	text-shadow: 1px 1px 0 #FFFFFF;	width: auto;
}
input[type=submit]:hover {	box-shadow: 0 1px 0 #BBBBBB, 0 -10px 5px #E7E7E7 inset;
}
input[type=submit]:active {	background: none repeat scroll 0 0 #F2F2F3;	box-shadow: 0 1px 0 #BBBBBB inset, 0 -15px 5px #FFFFFF inset;
}
form.x {
	text-indent:0;
}
 /**  * 2.6. Lists  *********************************/
ul li {
	font-size: 1em;	line-height: 1.25em;
}
ul.style1 li, ul.style2 li, ul.style3 li, ul.style4 li, ul.style5 li, ul.style6 li{
	list-style-type: none;	list-style-position: inside;
}
ul.style1 li {	list-style-image: url("img/list1.png");
}
ul.style2 li {	list-style-image: url("img/list2.png");
}
ul.style3 li {	list-style-image: url("img/list3.png");
}
ul.style4 li {	list-style-image: url("img/list4.png");
}
ul.style5 li {	list-style-image: url("img/list5.png");
}
ul.style6 li {	list-style-image: url("img/list6.png");
}

/**
 * 3. Menu
 *******************************************************************/
.menu,.menu ul a:hover,.menu ul .current a, .menu ul li:hover > a{
	font-family: 'Open Sans';
	font-weight: 200;
}
.menu li > a{
	border: 1px solid transparent;
}
.menu li:hover > a{
	color: #000;
}
.menu > li > a:before{
	content: "\22EE\00A0\00A0\00A0";
	font-weight: 400 !important;
	text-decoration: none !important;
	display: inline-block;
}
.menu > li:first-child > a:before{
	content: "";
}
.menu {	float: right;	margin: 0;	padding: 0 5px;	position: relative;
}
.menu li {
	list-style: none;
	padding: 0;
	margin: 0 5px;
	float: left;
	position: relative;
	height: 33px;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.9);
}
.menu a {
	color: #333333; /***/
	text-decoration: none;
	outline: none !important;
	display: block;
	padding:	2px 5px;
	margin: 0;
	font-size: 16px;
	line-height: 28px;
}
.menu a:hover {	text-decoration: none;
	color: #000;
}
.menu .current_page_item > a {
	color: inherit;
}
.menu li.hasArrow a {
	padding-right: 25px;
}
.menu .arrow{
	background: url(img/nav-open.png) no-repeat 0 0;
	width: 13px;
	height: 5px;
	display: inline-block;
	position: relative;
	float: right;
	margin-right: 5px;
	top: 15px;
}
.menu ul .arrow {
	background: url(img/nav-open-right.png) no-repeat 0 0;
	top: 10px;
	width: 5px;
	margin-right: 10px;
	height: 13px;
}
.menu .current-menu-item > a{
	font-weight: 200 !important;
	color: #000;
}
.menu li:hover > ul {
	opacity: 1;
	-moz-transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
.menu ul {
	opacity: 0;
	padding: 0 2px;
	margin: 0;
	position: absolute;
	top: 34px;
	left: 0;
	background: url(img/menu-gradient.png) repeat 0 0 rgba(255,255,255,0.5);
	border-radius: 3px;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.menu ul li{
	padding: 0;
	margin: 0;
	float: none;
}
.menu ul a{
	font-weight: 200;
	white-space: nowrap;
}
.menu ul ul {	
	margin-left: 100%;
	margin-top: 0px;
	top: 0;
	padding: 0 2px;
}
.menu ul .arrow {
	z-index: 0 !important;
}
/**
 * Menu dropdown
 */
.menu-top-dropdown {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0;
    display: inline-block;
    margin: 0 auto;
    padding: 18px 5px 0;
    width: 200px;
	vertical-align:top;
}
.menu-top-dropdown select {
    border: 1px solid #B4B4B4;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #FFFFFF;
    cursor: pointer;
    font-size: 15px;
    height: 25px;
    line-height: 30px;
    padding: 0 0 0 10px;
}
.menu-top-dropdown select option {	cursor: pointer;	height: 20px;	line-height: 20px;	padding: 0 10px;
}
/**
 * Menu container
 */
.menu-top-container {	display: block;	float: right;	padding: 0;	position: absolute;	right: 0;	top: 0;
}

/**
 * 4. Misc
 *******************************************************************/
 /**  * 404  ****************************/
.error404 .content .sixteen.columns h1 {	font-size: 190px;	line-height: 300px;	text-align: center;
}
/**
 * Top Container
 *****************************/
.top.container{
    min-height: 65px;
    font-size: 10px;
    line-height: 12px;
    background: none repeat scroll 0 0 #F3F3F3;
    overflow: hidden;
    border-bottom: 1px solid #CCCCCC;
    box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing:border-box;
    border-right: 1px solid #CCCCCC;
    box-shadow: 0 1px 0 #FFFFFF inset, -1px 0 0 #CCCCCC;
	text-shadow: 0 1px 0 #FFFFFF;
}
.sixteen.top {
	margin:0 0 0 10px !important;
}
/**
 * Search
 *****************************/
.screen-reader-text {
	display: none;
}
#searchform {
	margin: 18px auto 0;
	padding: 0 5px;
	width: 200px;
	vertical-align:top;
	overflow:hidden;
	height: 28px;
	display: inline-block;
}
#searchform #s {
	width: 150px;
}
#searchsubmit {
	float: right;
    font-size: 10px;
    height: 25px;
    margin-left: 2px;
    width: 45px;
}

/**
 * Top icons
 *****************************/
.top-icon {
	width: 20px;
	height: 25px;
	background: url(img/top-sprite.png) no-repeat 0 0 transparent;
	vertical-align:top;
	margin: 21px 10px 0;
	cursor:pointer;
	display: inline-block;
}
.top-icon.for-menu{
	background-position: 0 -25px;
	margin-top: 24px;
}
.top-icon.for-search{
	background-position: 0 1px;
	margin-right:0;
}
.top-icon.for-menu:hover,.top-icon.for-menu.active{
	background-position: -20px -27px;
}
.top-icon.for-search:hover,.top-icon.for-search.active{
	background-position: -20px -1px;
}
.top .seven.columns {
	margin:0;
	padding:0;
}
.top .nine.columns {
	padding-right:0;
	margin-right:0;
	float:right;
	text-align:right;
}

/**
 * Header
 *****************************/
#header h2 {
	font-size: 14px;
}
#header h1 {
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    margin-top: 5px;
}

 
/**
 * Blocks
 *****************************/
.box-wrapper {
    width: 100%;
}
.box-wrapper > div {
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing:border-box;
    background: none repeat scroll 0 0 #F3F3F3;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    box-shadow: 0 1px 0 #FFFFFF inset, -1px 0px 0 #ccc;
    float: left;
    height: 200px;
    margin: 0;
    padding: 10px;
    position: relative;
    width: 25%;
    z-index: 1;
	overflow:hidden;
	cursor: alias;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
}
.box-wrapper > div:hover {
    background: none repeat scroll 0 0 #F8F8F8;
    border-bottom: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
    box-shadow: 0 2px 10px #BBBBBB, -1px 0px 0 #ccc;
    z-index: 2;
}
.box-wrapper > div.c1, .box-wrapper > div.c12 {
    height: 400px;
    width: 50%;
}
.box-wrapper > div.c12 {
    float: right;
}
.box-wrapper > div.c1 .rating, .box-wrapper > div.c12 .rating {
    top: 320px;
}
.box-wrapper > div.c1 .image, .box-wrapper > div.c12 .image {
    height: 340px;
}
.box-wrapper > div.c1 > span h2, .box-wrapper > div.c12 > span h2 {
    top: 349px;
    width: 431px;
	overflow:hidden;
}
.box-wrapper > div.c1 > span h3, .box-wrapper > div.c12 > span h3 {
    top: 364px;
    width: 431px;
	overflow:hidden;
}
.box-wrapper > div > span {
    color: inherit;
    display: inline-block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%;
	cursor: alias;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
}
.box-wrapper > div > a {
	display: none;
}
.box-wrapper > div > span > .card {
    display: block;
    height: 100%;
    overflow: visible;
    position: absolute;
    width: 100%;
}
.rating {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 15px 15px 0 0;
    border-top: 1px solid #FFFFFF;
    height: 35px;
    margin: 0 auto;
    padding: 3px 5px 0;
    position: relative;
    top: 120px;
    width: 155px;
	z-index:1;
}
.box-wrapper > div:hover .rating {
    background: none repeat scroll 0 0 #F8F8F8;
}
.rating .social {
    background: url("img/share.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 30px;
    margin: 3px 5px 0 0;
    width: 20px;
	cursor:pointer;
	position: relative;
}
.rating .social:hover {
    background-position: 0 -30px;
}
.rating .stars > div {
    background: url("img/star.png") no-repeat scroll 0 -33px transparent;
    float: left;
    height: 35px;
    margin: 0 1px 0 0;
    width: 25px;
	cursor:pointer;
}
.rating .stars > div.x, .rating .stars > div:hover {
    background-position: 0 0;
}
.box-wrapper > div > span .image {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("img/image-missing.png");
    background-origin: padding-box;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 1px 0 #FFFFFF, 0 0px 2px #999 inset;
    height: 140px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
	overflow: hidden;
}
.box-wrapper > div > span .image .img {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	position: absolute;
	top: 0;
	opacity: 0;
	-moz-transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
.box-wrapper > div > span .image .img.active {
	opacity: 1;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.box-wrapper > div > span .image .img.hidden {
	opacity: 0;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.box-wrapper > div > span .image .img {
	background-size: auto 100%;
}
.box-wrapper > div > span .image .prev, span .image .next {
    background: url("img/prevnext.png") no-repeat scroll 0 50% transparent;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 40px;
	z-index:10;
	cursor:pointer;
	background-size:80px 100%;
}
.box-wrapper > div > span:hover .image .prev, .box-wrapper > div > span:hover .image .next {
    opacity: 0.9 !important;
}
.box-wrapper > div > span .image .prev {
    left: 5px;
}
.box-wrapper > div > span .image .next {
    background-position: -40px 50% !important;
    right: 5px;
}
.box-wrapper > div > span .image .text {
    opacity: 0;
	width: 100%;
	background: #fff;
	font-size: 10px;
	line-height: 12px;
    height: 100%;
	overflow:hidden;
	padding:10px;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5) inset;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	
}
.box-wrapper > div > span .image .text.active {
    opacity: 1;
	z-index:11;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.box-wrapper > div.c1 span .image .text,.box-wrapper > div.c12 span .image .text{
	font-size: 14px;
	line-height: 18px;
	padding:20px;
}
.box-wrapper > div > a:hover .image {
    border-color: transparent;
}
.box-wrapper > div > span h2 {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    height: 20px;
    line-height: 25px;
    overflow: hidden;
    position: absolute;
    top: 150px;
    width: 191px;
    z-index: 2;
	overflow: hidden;
}
.box-wrapper > div > span h3 {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    height: 15px;
    line-height: 15px;
    position: absolute;
    top: 164px;
    width: 191px;
	overflow:hidden;
}
.box-wrapper > div > span .toggle {
    background: none repeat scroll 0 0 #EEEEEE;
    border-bottom: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    bottom: -5px;
    box-shadow: 0 1px 2px #999999 inset;
    height: 37px;
    position: absolute;
    right: 0;
    width: 27px;
	cursor:pointer;
	z-index:6;
}
.box-wrapper > div > span .toggle .button {
    width: 25px;
    height: 35px;
    background: url(img/button.png) no-repeat 0 -24px transparent;
    margin: 1px;
	-moz-transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
.box-wrapper > div > span .toggle .button.active {
    background-position: 0px 1px;
	-moz-transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
a.addthis_button_compact {
	cursor:pointer;
	width: 20px;
	height: 30px;
	background: transparent;
	text-decoration: none;
	overflow: hidden;
	display: inline-block;
	text-indent: -1000em;
	left:0;
	position: absolute;
}
a.addthis_button_compact  span{
	background: none;
	height: 30px;
    margin: 0;
    padding: 0;
    width: 20px;
}

/**
 * Tags
 *****************************/
.tags{
	margin:0;
	padding:0;
	list-style:none;
	display: inline-block;
	padding-left: 18px;
}
.tags li{
	margin:5px 5px 0;
}
.tags li, .tags a{
	float:left;
	height:18px;
	line-height:18px;
	position:relative;
	font-size:10px;
}	
.tags a{
	margin-left: 5px;
    padding: 0 7px 0 9px;
	background:#d9d9d7;
	color:#000;
	border-bottom: 1px solid #bbb;
	text-decoration:none;
	border-radius: 0px 4px 4px 0px;
}	
.tags a:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-9px;
	width:0;
	height:0;
	border-color:transparent #d9d9d7 transparent transparent;
	border-style:solid;
	border-width:9px 9px 9px 0;		
}	
.tags a:after{
	content:"";
	position:absolute;
	top:8px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	border-radius:2px;
	background:#fff;
	box-shadow:0 -1px 0 #6c6c6c;
}		

.tags a:hover{background:#555;text-shadow: 0px -1px 0px #000;color:#fff;}	
.tags a:hover:before{border-color:transparent #555 transparent transparent;}

/**
 * Meta
 ***********************/
.meta {
    display: inline-block;
    float: left;
    font-size: 12px;
    left: 0;
    margin: 0 20px 10px;
    text-align: left;
    text-indent: 0;
}
.meta li {
    line-height: 20px;
}


/**
 * The footer
 ***********************/
.bottom-slice {
    border-top: 1px solid #FFFFFF;
    font-family: 'Open Sans';
    position: relative;
    width: 100%;
    z-index: 2;
}
.bottom-slice h1, .bottom-slice h2, .bottom-slice h3, .bottom-slice h4, .bottom-slice h5, .bottom-slice h6 {
    color: #333333;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.3em;
    text-transform: uppercase;
}
.columns.bottom {
    margin: 0 !important;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 100% !important;
}
.columns.bottom .slate {
    float: left;
    line-height: 12px;
    margin: 0 0 20px;
    min-height:0px;
    width: 100%;
}
.columns.bottom .slate div div {
    line-height: 18px;
}
.columns.bottom .slate > div {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("img/shadow.png");
    background-origin: padding-box;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 16px 100%;
    color: #555555;
    font-size: 90%;
    letter-spacing: 0.1px;
    line-height: 100%;
    min-height: 200px;
}
.columns.bottom .slate > div:last-child {
    background: none repeat scroll 0 0 transparent;
}
.columns.bottom .ending {
    border-top: 1px solid #CCCCCC;
    box-shadow: 0 1px 0 #FFFFFF inset;
    float: left;
    font-size: 0.9em;
    padding: 20px 0 20px;
    position: relative;
    width: 100%;
}
.columns.bottom .ending > div {
    color: #000000;
    text-shadow: none
    font-size: 15px;
}
.bottom .s {
    display: inline-block;
    text-align: right;
    width: auto;
}
.s > * {
    display: inline-block;
    vertical-align: top;
}
.s a {
    background: url("img/social.png") no-repeat scroll 0 0 transparent;
    height: 25px;
    margin: 0 2px;
    text-align: left;
    text-decoration: none;
    text-indent: -1000em;
    width: 25px;
}
.s a.facebook:hover {
    background-position: 0 -25px;
}
.s a.twitter {
    background-position: -31px 0;
}
.s a.twitter:hover {
    background-position: -31px -25px;
}
.s a.linkedin {
    background-position: -61px 0;
}
.s a.linkedin:hover {
    background-position: -61px -25px;
}
.s a.myspace {
    background-position: -92px 0;
}
.s a.myspace:hover {
    background-position: -92px -25px;
}
.s a.blogger {
    background-position: -123px 0;
}
.s a.blogger:hover {
    background-position: -123px -25px;
}
.s a.delicious {
    background-position: -154px 0;
}
.s a.delicious:hover {
    background-position: -154px -25px;
}
.s a.youtube {
    background-position: -186px 0;
}
.s a.youtube:hover {
    background-position: -186px -25px;
}
.s a.yahoo {
    background-position: -215px 0;
}
.s a.yahoo:hover {
    background-position: -215px -25px;
}
.call {
    color: inherit;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    line-height: 25px;
    margin-left: 10px;
}
.call .number {
    color: inherit;
}
.call .phone {
    background: url("img/phone.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    font-weight: normal;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 1px;
    vertical-align: top;
    width: 24px;
}
.call .phone:hover {
    background-position: 0 100%;
}
